<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>

<head>
<title>网格管理</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<jsp:include page="/WEB-INF/views/config/include.jsp" />

<style>
  .container {
    width: 100%;
    padding: 20px;
    text-align: center;
  }
  .hd {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .kuai {
      width: 45%;
      float: left;
      /* margin-left: 10px; */
  }
  .kuai:nth-child(2n) {
      margin-left: 30px;
  }
  i {
      font-style: normal;
  }
  .con {
      border: 1px solid black;
      overflow: hidden;
        padding-bottom: 30px;
  }
  .kuai-con {
      width: 33%;
      float: left;
      text-align: center;
  }
  .con-bd {
      margin-top: 20px;
  }
</style>
</head>
<body class="body">
	<div class="container">
        <!-- 选择户主类型 -->
        <div class="con">
            <div class="hd">${area.gatherAreaName}</div>
            <div class="kuai">
                <span>居住区人口总数</span><br/>
                <i>0</i>
            </div>
            <div class="kuai">
                <span>居住区总面积</span><br/>
                <i>0</i>
            </div>
            <div class="kuai">
                <span>负责人姓名</span><br/>
                <i>0</i>
            </div>
            <div class="kuai">
                <span>负责人电话</span><br/>
                <i>0</i>
            </div>
        </div>

        <div class="con con-bd">
           	业主申报二维码入口
           	<div class="qecode">
           	<img src="/api/1.0/common/qrcode/show?content=${url}">
			</div>
        </div>
        
        <div class="con con-bd">
            <div class="hd">今日</div>
            <div class="kuai-con">
                <span>外出人次</span><br/>
                <i>0</i>
            </div>
            <div class="kuai-con">
                <span>测温人数</span><br/>
                <i>0</i>
            </div>
            <div class="kuai-con">
                <span style="color: red;">异常人数</span><br/>
                <i style="color: red;">0</i>
            </div>
           
        </div>

        <div class="con con-bd">
            <div class="hd">昨日</div>
            <div class="kuai-con">
                <span>外出人次</span><br/>
                <i>0</i>
            </div>
            <div class="kuai-con">
                <span>测温人数</span><br/>
                <i>0</i>
            </div>
            <div class="kuai-con">
                <span style="color: red;">异常人数</span><br/>
                <i style="color: red;">0</i>
            </div>
           
        </div>
        <br>
		<!-- 选择户主类型 -->
		<form class="form" action="/gather/manager" method="POST" id="home_h5">
			<pf:token /> 
		<input type="button" class="btn btn-info form-control" style="width: 75%;" onclick="btnonclick()" value="返回"><br>
		</form>
	</div>
	
<script>
function btnonclick(){
	home_h5.submit();
}
</script>
</body>
</html>